前言

第一次參加鐵人賽，完賽的這一天，簡直像是學測考完走出教室的感覺！充滿興奮與驕傲！

一方面是成功堅持了 30 天的紀律，另一方面是，把一些自己知道的知識彙整，成為一整個系列文，或許多多少少還可以幫助一些新手，就覺得很替自己驕傲！

總整理

其實這 30 篇文章也真的是寫到哪算到哪，所以有些地方接起來不是那麼順，這邊幫摸不著頭緒的朋友整理一下：

基本上 Day 2 - Day 20 比較是實作上的用法，語法與實戰都會比較多。

而 Day 21 - Day 29 則是比較偏心態、工具、觀念的部分，會有較多職場軟實力的分享。

我這試著更細微分類：

• 走過路過想知道這系列在做什麼 系列
  • Day 1 - 寫「好」程式是什麼樣的感覺？
• 基本語法的實戰系列
  • Day 2 - Array 陣列組合技 (1)
  • Day 3 - Array 陣列組合技 (2)
  • Day 4 - Object 物件組合技
  • Day 5 - 陣列與物件的進化 - Set & Map
• 語法的進階應用系列
  • Day 8 - Functional Programming 初探 (1) - HoF 與 Side Effects
  • Day 9 - Functional Programming 初探 (2) - Currying 與 Composition
  • Day 10 - Functional Programming 初探 (3) - 實戰購物車流程
  • Day 11 - OOP 初探 (1) - Closures 與繼承鏈
  • Day 12 - OOP 初探 (2) - Class
  • Day 13 - OOP 初探 (3) - 實戰地圖遊戲
  • Day 24 - 資料結構入門理解
  • Day 25 - 演算法入門理解
• 非同步脈絡系列
  • Day 14 - Asynchronous 非同步核心
  • Day 15 - Asynchronous 非同步進化順序 - Callback 與 Promise
  • Day 16 - Asynchronous 非同步進化順序 - Async/Await
• 型別轉換的坑洞系列
  • Day 18 - 未知與空值 undefined、null、NaN
  • Day 19 - 相等判斷與型別轉換
  • Day 20 - OR、AND 的活用方式與短路取值
• 工具系列
  • Day 22 - Formatter 與 Linter - 提升程式品質工具
  • Day 23 - 開發人員工具的日常
• 高品質的 code 系列
  • Day 6 - Function 時空旅行 (1) - 參數優化
  • Day 7 - Function 時空旅行 (2) - 拆解與命名
  • Day 17 - Error Handling 錯誤處理
  • Day 21 - Code Review
  • Day 26 - Clean Code 邁向更好讀、好維護的程式
  • Day 29 - 淺談測試 - 令人安心的保護網
• 高品質的 coder 系列
  • Day 27 - Clean Coder 時間管理與專業人士
  • Day 28 - Clean Coder 時程與承諾

延伸閱讀

寫成這 30 天當然也不會全都靠這顆腦袋，有很多靈感與主題，都來自一些我手邊的學習教材，但我都只擷取了冰山一角，所以如果看完這系列文章，還想要看一些差不多等級的學習資源，以下都可以參考哦！

Udemy - 外國線上課程平台

國內外都有很多不錯的學習教材，尤其 JavaScript 是非常熱門的語言，想學 FP/OOP/資料結構/演算法 都可以找到 JavaScript 的版本。

但如果不排斥聽英文，真的！拜託！一定要去看看外國的 developer 教學，畢竟 JavaScript 也是外國發明的，透過英文來講述這個程式語言，很多時候都更精確得多，再加上台灣人跟外國人的思考方式有些微不同，所以往往能夠從不同角度看同一件事情，非常有趣！

看外國講師幫變數命名，是件非常療癒(?)的事

這邊僅推薦我有參考到的課程，都來自這個講師 Andrei Neagoie，是一個超人氣的講師，不只本身是厲害的 developer，對於教學也是身經百戰。

我個人認為的特點是，有很多自製的流程圖、圖像 icon，對於視覺系的人來說非常好理解！這邊偷一張圖過來支援：

講英文相對比較慢，但抑揚頓挫很清楚，所以像我這種英聽不好的都能大概聽懂，再搭配字幕的話，就完全能夠理解。(是真的有差，其它講師我都聽不太懂QQ)

• JavaScript: The Advanced Concepts
• Master the Coding Interview: Data Structures + Algorithms

教學書

這邊我不特別推薦語法書，因為別忘記這系列文的主題，不是來教大家寫對程式的，而是一起來探討什麼是「更好」的程式。

因此下列推薦的幾本書，都是屬於「不會被時代淘汰」的經典書，即便裡面的工具、語法可能會過時，但裡面在講的重點是核心概念，核心概念是不會過時的。

• Clean Code
• The Clean Coder
• Effective JavaScript (好像絕版了，附上電子書版本)

鐵人賽閉關生活

是的，鐵人賽真的不是人過的，很多東西需要割捨與改變，因為在這 30 天中，人生擠進了一個 priority 非常高的任務，一些原本偷懶、耍廢的習慣，都默默被含淚割捨了。

最明顯的是通勤的時候，原本都會無所事事滑 FB、社會觀察(?)、思考人生(?)，但這 30 天一律沒空啦！全都拿來搜尋學習資料、找文章與思考主題。

甚至原本還有寫日記的習慣，結果 9/16 一到，我的日記就斷在這一天QWQ

然後假日時間更是重災區，假日兩天，如果沒生個至少四篇出來，我就知道下週要吃土了，肯定又要在 10 點的時候上線跟我的隊友說：「我在努力中！」

謹以此圖弔祭我睡前犧牲的時光

團隊的力量

這次很幸運有兩位好戰友，Jen & pjchender 陪我度過這難熬的 30 天，尤其是 15~20 天左右，囤貨用盡、終點漫長，是最適合容易放棄的時間點。

真的是多虧有隊友在，會覺得如果放棄，除了自己放棄，也等於團隊無法完整走向終點，所以再怎麼辛苦都會想辦法走下去！

我們會在 LINE 上互相加油打氣，還會留電話在群組，以防有人睡著XD

所以，即便是寫完全不同的主題，團隊也能夠發揮強大的支持力量，讓人堅持走下去！如果可以請一定要揪同事、朋友一起參加！

鐵人賽配備大公開

對於未來想要參加鐵人賽的同學們，我可以分享這 30 天以來，我使用的工具們，這些工具對我這 30 天來說，真的是無比重要！

HackMD - Markdown 線上編輯器

HackMD 使用體驗真的超讚！可以邊打 markdown 邊看成果，對於我這種視覺系(?)的人來說，是非常有效的工具。

還可以存範本(template)下來，我每天都會用範本先做一個簡單的框架，裡面就是基本的「標題」、「前言」、「結語」、「參考資料」，這樣我就可以像在填蘿蔔坑一樣，把對應的東西放進去即可。

其實主要是因為 IThome 這邊的發文系統，只能儲存一天的草稿，所以我沒辦法「囤貨」，或者先寫後天的稿，而 HackMD 完美解決，因此我通常是在 HackMD 打好草稿，然後再貼到發文系統，加幾個 tag 標籤就可以送出了。

我還會看最下方的「字數」，來判斷今天是不是該休息了XD

Draw.io - 流程圖繪製

這個 Google 提供的流程圖服務非常方便，即便不會畫畫的人，也能夠透過拖拉，放大縮小，像在操作小畫家或 PS 一樣，就把簡易的示意圖完成！

這 30 天內我一直在提到，我是視覺系的人(但美感真的 0 分)，所以如果在講比較複雜的概念時，要嘛想辦法去找圖，要嘛我就自己畫一張示意圖，讓讀者能夠看更有帶入感。

一圖勝過千萬字啊！

Screen To Gif - GIF 螢幕錄製器

當靜態圖片也不能表達的時候，我乾脆自己錄一個動態的！

畢竟如果要放一個影片上來太搞剛了，所以直接把螢幕上的操作，錄成 gif 圖檔，直接拖曳放到 HackMD 就自動幫你上傳到 Imgur，真的超級方便的！

GIF 真的超級吸睛的，我只要看到文章裡面有 GIF 都一定會盯著它循環兩次以上！

結語

結束啦！

寫了有夠久的結語小新詩(?)也終於告一段落，整理文章需要理性腦，寫這種沒頭沒尾的小新詩，卻很需要發揮想像力！所以每次寫結語都在腦筋急轉彎XD

其實只是單純覺得，程式到頭來也是在描述現實世界中的一些事情，只是為了效率與理解，我們才將它簡化成一堆語法，邏輯轉久了，卻失去了它天生帶有的浪漫，所以試著用文字去描寫它們。

結果好笑的是，我今天試著抽一天的結語新詩來抽考自己，結果發現我居然對應不回去啊哈哈哈哈～所以說，還是當作抒情小句來看就好了！

我看了一輪，最喜歡的，反而是用字最簡單的，而且它對應的天數也算滿明顯的，有興趣的不妨猜猜看是哪一天囉！

我來自於你
來自於天空
來自於宇宙

特別感謝

特別感謝 TD 大大，是全能小精靈般的存在！幫助臻融一團隊太多了！